<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>Light</title>
		<link rel="stylesheet" type="text/css" href="./css/new_file.css"/>
	</head>
	<body>
		<div class="light">
			<div class="wire"></div>
			<div class="bulb">
				<span></span>
				<span></span>
			</div>
		</div>
		<div class="switch">
			<div class="btn"></div>
		</div>
		<!-- add sound on click -->
		<audio id="audio" src="../雷军 - Are You OK.mp3" autostart="false"></audio>
		<script>
			let btn = document.querySelector('.btn');
			let body = document.querySelector('body');
			let audio = document.querySelector('#audio');
			btn.onclick = function(){
				body.classList.toggle('on');
				audio.play();
			}
		</script>
	</body>
</html>
